.site-wiper {
	width: 100%;
	height: 644px;
	margin-bottom: 26px;
}

.boxc {
	width: 1226px;
	height: 100%;
	margin: 0 auto;

	position: relative;
}

.boxc_item_top {
	width: 100%;
	height: 460px;
}

/* 下面 */
.boxc_item_bottom {
	width: 100%;
	height: 170px;
	margin-top: 14px;
	background-color: #fff;
}



/* 左侧菜单栏 begin */
.boxc .left_menu {
	position: absolute;
	width: 234px;
	height: 420px;
	top: 0%;
	/* opacity: 0.2; */
	background-color: rgba(105, 101, 101, 0.6);
	padding: 20px 0;
	color: #000;
	font-size: 14px;
}

.left_menu .left_menu_li {
	padding-left: 30px;
	width: 204px;
	height: 42px;
	line-height: 42px;
	position: relative;
	color: #fff;
}

.left_menu .left_menu_li:hover {
	cursor: pointer;
	background-color: #ff6700;
}

.menu_left {
	display: inline-block;

}

.menu_right {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 20px;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 16px;

}

/* 菜单栏最大的盒子 */

/* 菜单栏 详情列表 */
.left_menu_items {
	top: 0%;
	position: absolute;
	/* width: 993px; */
	height: 460px;
	max-height: 460px;
	margin-left: 233px;
	cursor: pointer;
	background-color: #fff;
	box-shadow: 4px 0 10px #ccc;
}

/* 248 462 padding:2px 0 */
.left_menu_items .left_menu_items_ul {
	width: 248px;
	height: 462px;
	padding: 2px 0;
	float: left;
}

.left_menu_items .left_menu_items_ul .left_menu_items_ulli {
	width: 234px;
	height: 76px;
	line-height: 40px;
}

.left_menu_items_ulli .items_ulli_img {
	width: 40px;
	height: 40px;
	float: left;
	margin: 18px 0 0 18px;
}

.left_menu_items_ulli .items_ulli_p {
	margin-left: 6px;
	width: 164px;
	height: 40px;
	float: left;
	margin-top: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.left_menu_items_ulli:hover {
	color: #FF6700;
}

/* 左侧菜单栏end */

/* 右侧  boxc_swiper begin*/
/* 轮播图 盒子 */
.boxc_swiper {
	width: 100%;
	height: 100%;
	/* background-color: red; */
	position: relative;
}

/* 浮动 */
.boxc_swiper .swiper_item_ul {
	/* width: calc(100%*4); */
	height: 100%;
	position: relative;
}

.boxc_swiper .swiper_item_ul .swiper_items_li {
	transition: all 0.5s;
	opacity: 0;
	position: absolute;
	/* width: calc(100%/4); */
	transition: all .5s;
}

.swiper_items_li .boxc_right_a {
	display: inline-block;
}

.swiper_items_li .boxc_right_a .boxc_right_img {
	width: 100%;
	height: 100%;

}

/*  小按钮*/
.swiper_btn {
	position: absolute;
	width: 120px;
	height: 21px;
	line-height: 21px;
	/* background-color: red; */
	bottom: 3%;
	right: 30px;
}

.swiper_btn_actice {
	background-color: rgb(105, 107, 109);
}

.btn_items {
	right: 30px;
	position: absolute;
}

.swiper_btn .btn_items .btn_item {
	position: relative;
	display: inline-block;
	width: 7px;
	height: 7px;
	line-height: 7px;
	margin-right: 5px;
	opacity: .7;
	border: 1px solid #A89EB0;
	border-radius: 4px;
	transition: all .3s;
	background-color: rgb(14, 19, 25);
	/* background-color: transparent; */
}

.swiper_btn .btn_items .btn_item:hover {
	background-color: #696B6D;
}

/* 轮播图 按钮 prev next  */
.swiper_btn_prev {
	position: absolute;
	cursor: pointer;
	top: 50%;
	left: 234px;
	width: 41px;
	height: 70px;
	margin-top: -35px;
	background-image: url(../images/icon-slides.png);
	background-position: 82px;
	/* background-color: red; */
}

.swiper_btn_next {
	position: absolute;
	cursor: pointer;
	top: 50%;
	right: 0;
	width: 41px;
	height: 70px;
	margin-top: -35px;
	background-image: url(../images/icon-slides.png);
	background-position: 42px;
}

.swiper_btn_prev:hover {
	background-position: 0px;
}

.swiper_btn_next:hover {
	background-position: -42px;
}

/* 右侧  boxc_swiper end*/


/* boxc_item_bottom begin下面 */
/* .boxc_item_bottom {
	width: 100%;
	height: 170px;
	margin-top: 14px;
	background-color: #fff;
} */
/* .boxc_item_bottom .boxc_item_bottom_item{
	
} */

.boxc_item_bottom .boxc_span1 {
	width: 234px;
	height: 170px;
	float: left;
	margin: 0;
	position: relative;
	background-color: #5f5750;
}

.boxc_item_bottom .boxc_span2 {
	float: left;
	width: 316px;
	height: 170px;
	margin-left: 14px;
	background-color: #ececec;
}

.boxc_item_bottom .boxc_span3 {
	float: left;
	width: 316px;
	height: 170px;

	margin-left: 15px;
	background-color: #ffaaff;
}

.boxc_item_bottom .boxc_span4 {
	float: left;
	width: 316px;
	height: 170px;
	margin-left: 15px;
	background-color: #ffaa7f;
}


.boxc_span img {
	width: 100%;
	height: 100%;
	float: left;
}

.boxc_span1 .boxc_span1_li {
	width: 74px;
	height: 75px;
	margin-top: 6px;
	margin-left: 4px;
	float: left;
	position: relative;
}

.boxc_span1_li .boxc_span1_a {
	width: 80%;
	height: 80%;
	padding: 6px;
	display: inline-block;
	color: #fff;
	opacity: .7;
}
.boxc_span1_li .boxc_span1_a:hover{
	opacity: 1;
}
.boxc_span1_a .boxc_span1_img {
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: auto 18px;
}

.boxc_span1_a p {
	font-size: 12px;
	width: 100%;
	text-align: center;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.boxc_span1 .boxc_span1_li::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 55px;
	float: left;
	position: absolute;
	top: 10px;
	background-color: #665e57;
}
.boxc_span1 .boxc_span1_li::after{
	content: "";
	display: inline-block;
	width: 55px;
	height: 1px;
	position: absolute;
	float: left;
	left: 12px;
	top: -3px;
	background-color: #665e57;
}

/* boxc_item_bottom end下面 */
